<template>

  <div class="main">
    <h1>study01基本使用</h1>
    <FullCalendar ref="funllCalendarRef" :options="calendarOptions"  >
  </div>
</template>

<script>
import FullCalendar from "@fullcalendar/vue";
export default {
    components: {
        FullCalendar,
    },
    data() {
        return {
            calendarOptions: {
                plugins: ["interaction", "dayGrid", "timeGrid", "list"],
                header: {
                    left: "prev,next today",
                    center: "title",
                    right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek"
                },
                defaultView: "dayGridMonth",
                defaultDate: "2019-01-01",
                navLinks: true, // can click day/week names to navigate views
            }
        }
    },
    mounted () {
        
    }

}
</script>

<style>

</style>